<script type="text/javascript">
$(document).ready(function() {	
	  var htmlobj;
	  htmlobj=$.ajax({url:"http://127.0.0.1/sweetns/index.php/site/renren",async:true,beforeSend:function(){
		$('#comments > ul').append("<li>Loading...</li>")},success:function(){
		  $("#comments > ul").html(htmlobj.responseText);}
	  });
	  
	  $('#tabMenu > li').click(function(){
	  
	    $('#tabMenu > li').removeClass('selected');
	    
	    $(this).addClass('selected');
	    var attr = $(this).attr('id');
	    
	    $('#comments').fadeOut('fast',function(){
			$('#comments > ul li').addClass('hide');
			$("."+attr).removeClass('hide');
			    }).fadeIn('1500');
	 

	  
	    $(this).removeClass('mouseout');   
	    
	  }).mouseout(function() {
	   
	    $(this).addClass('mouseout');
	    $(this).removeClass('mouseover');    
	    
	  });

		
	});
</script>
<div class="box" style="float:left">
<ul id="tabMenu">
  <li class="msweet selected" id='sweet'></li>
  <li class="renren" id='renren'></li>
  <li class="douban" id='douban'></li>
  <li class="twitter" id='twitter'></li>
  <li class="sina" id='sina'></li>
</ul>
<div class="boxTop"></div>

<div class="boxBody">
  

  
  <div id="comments" class='show'>
    <ul>
   
      
    </ul>
  </div>
  

  
 
  
       

</div>

<div class="boxBottom"></div>

</div>


<div class="outframe" style="width: 100px; float: right">
<div class="row1"></div>
<div class="row2"></div>
<div class="row3"></div>
<div class="row4"></div>
<div>Main List</div>
<div class="inframe">
<?php

echo "<a href='". Yii::app()->request->baseUrl."/index.php/setting/create'><div> RenRen</div></a>";
echo "<a href='". Yii::app()->request->baseUrl."/index.php?r=services/create'><div> DouBan</div></a>";
echo "<a href='". Yii::app()->request->baseUrl."/index.php?r=services/create'><div> twitter</div></a>";
echo "<a href='". Yii::app()->request->baseUrl."/index.php?r=services/create'><div> facebook</div></a>";


?>
</div>
<!-- inframe -->
<div class="row4"></div>
<div class="row3"></div>
<div class="row2"></div>
<div class="row1"></div>
</div>


